<template>
    <div class='round-button'><slot></slot></div>
</template>

<script setup >
</script>


<style lang="scss" scoped>
.round-button{
    z-index: 10;
    width: 84px;
    height: 22px;
    border-radius: 20px;
    border: 1px solid #fff;
    line-height: 22px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    cursor: pointer;
    pointer-events: all;
    transition: all .3s;
    &:hover{
        background: #ffffff23;
    }
}
</style>